// 通过provicce_city_json文件获得所有的省份和省份所对应的所有城市
var provinces = provicce_city_json.provinces; // 数组

// 初始化省份下拉框和市区下拉框
function initProvinceSelect() {
	var provinceSelect = $("#province"); // 省份下拉框
	var citySelect = $("#city"); // 市区下拉框
	var provinceStr = "<option>" + provinceSelect.val() + "</option>"; // 省份拼接字符串
	var cityStr = "<option>" + citySelect.val() + "</option>"; // 市区拼接字符串

	// 遍历所有的省份
	for(var i = 0; i < provinces.length; i++) {
		// 获得省份对象
		var province = provinces[i];
		// 获得该省份名称
		var provinceName = province.provinceName;

		// 判断provinceName是否为空
		if(provinceName == "") {
			// 为空，跳过此次循环
			continue;
		}

		// 拼接各省份
		provinceStr += "<option>" + provinceName + "</option>";

		// 获得该省份下的所有城市
		var citys = province.citys; // 数组

		// 遍历所有的城市
		for(var index in citys) {
			// 获得城市对象
			var city = citys[index];
			// 获得该城市名称
			var cityName = city.citysName;

			// 判断cityName是否为空
			if(cityName == "") {
				// 为空，跳过此次循环
				continue;
			}

			// 拼接各省份
			cityStr += "<option>" + cityName + "</option>";
		}
	}

	provinceSelect.html(provinceStr); // 将provinceStr写入html
	citySelect.html(cityStr); // 将cityStr写入html
}

// 当省份下拉框的值改变时，市区下拉框也进行改变----省份对应该省下的所有城市
function changeCitys() {

	var provinceSelect = $("#province"); // 省份下拉框
	var provinceName = provinceSelect.val(); // 获得当前省份下拉框所选择的省份名称
	var citySelect = $("#city"); // 市区下拉框
	var cityStr = ""; // 市区拼接字符串【当省份选择改变时，城市下拉框变为空】

	// 遍历所有的省份
	for(var i = 0; i < provinces.length; i++) {
		// 获得省份对象
		var province = provinces[i];
		// 获得该省份名称
		var PRName = province.provinceName;

		// 判断provinceName是否为空
		if(provinceName == "") {
			// 为空，跳过此次循环
			continue;
		}

		// 找到和provinceName省份
		if(provinceName == PRName) {
			// 获得该省份下的所有城市
			var citys = province.citys; // 数组

			// 遍历所有的城市
			for(var index in citys) {
				// 获得城市对象
				var city = citys[index];
				// 获得该城市名称
				var cityName = city.citysName;

				// 判断cityName是否为空
				if(cityName == "") {
					// 为空，跳过此次循环
					continue;
				}

				// 拼接各省份
				cityStr += "<option>" + cityName + "</option>";
			}
			
			// 跳出循环
			break;
		}

	}

	citySelect.html(cityStr); // 将cityStr写入html
}